<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>隔行变色</title>
    <script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
    <script>
        $(function(){
            $("p:odd").css("background-color","red");
            $("p:even").css("background-color","green");
        })
    </script>
</head>
<body>
<p>第0行段落</p>
<p>第1行段落</p>
<p>第2行段落</p>
<p>第3行段落</p>
<p>第4行段落</p>
<p>第5行段落</p>
<p>第6行段落</p>
<p>第7行段落</p>
<p>第8行段落</p>
<p>第9行段落</p>
<p>第10行段落</p>
<p>第11行段落</p>
<p>第12行段落</p>
<p>第13行段落</p>
<p>第14行段落</p>
<p>第15行段落</p>
<p>第16行段落</p>
<p>第17行段落</p>
<p>第18行段落</p>
<p>第19行段落</p>
<p>第20行段落</p>
<p>第21行段落</p>
<p>第22行段落</p>
<p>第23行段落</p>
<p>第24行段落</p>
<p>第25行段落</p>
<p>第26行段落</p>
<p>第27行段落</p>
<p>第28行段落</p>
<p>第29行段落</p>
<p>第30行段落</p>
<p>第31行段落</p>
<p>第32行段落</p>
<p>第33行段落</p>
<p>第34行段落</p>
<p>第35行段落</p>
<p>第36行段落</p>
<p>第37行段落</p>
<p>第38行段落</p>
<p>第39行段落</p>
<p>第40行段落</p>
<p>第41行段落</p>
<p>第42行段落</p>
<p>第43行段落</p>
<p>第44行段落</p>
<p>第45行段落</p>
<p>第46行段落</p>
<p>第47行段落</p>
<p>第48行段落</p>
<p>第49行段落</p>
<p>第50行段落</p>
<p>第51行段落</p>
<p>第52行段落</p>
<p>第53行段落</p>
<p>第54行段落</p>
<p>第55行段落</p>
<p>第56行段落</p>
<p>第57行段落</p>
<p>第58行段落</p>
<p>第59行段落</p>
<p>第60行段落</p>
<p>第61行段落</p>
<p>第62行段落</p>
<p>第63行段落</p>
<p>第64行段落</p>
<p>第65行段落</p>
<p>第66行段落</p>
<p>第67行段落</p>
<p>第68行段落</p>
<p>第69行段落</p>
<p>第70行段落</p>
<p>第71行段落</p>
<p>第72行段落</p>
<p>第73行段落</p>
<p>第74行段落</p>
<p>第75行段落</p>
<p>第76行段落</p>
<p>第77行段落</p>
<p>第78行段落</p>
<p>第79行段落</p>
<p>第80行段落</p>
<p>第81行段落</p>
<p>第82行段落</p>
<p>第83行段落</p>
<p>第84行段落</p>
<p>第85行段落</p>
<p>第86行段落</p>
<p>第87行段落</p>
<p>第88行段落</p>
<p>第89行段落</p>
<p>第90行段落</p>
<p>第91行段落</p>
<p>第92行段落</p>
<p>第93行段落</p>
<p>第94行段落</p>
<p>第95行段落</p>
<p>第96行段落</p>
<p>第97行段落</p>
<p>第98行段落</p>
<p>第99行段落</p>
<p>第100行段落</p>
</body>
</html>